<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美团外卖</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="shortcut icon" href="/images/favicon_1.ico" />
</head>

<body>
    <div class="wrap">
        <header>

        </header>
        <main>
            <div class="banner">
                <ul>
                    <li>
                        <h3>
                            <i></i>
                            <div class="f1">我要入驻</div>
                        </h3>
                        <p>商家、配送、城市代理、服务市场</p>
                    </li>
                    <li>
                        <h3>
                            <i></i>
                            <div class="f2">开发者接入</div>
                        </h3>
                        <p>外卖、餐饮开发平台</p>
                    </li>
                    <li>
                        <a href="/html/list2.html">
                            <h3>
                                <i></i>
                                <div class="f3">我要点外卖</div>
                            </h3>
                            <p>快捷下单、一键点餐</p>
                        </a>
                    </li>
                </ul>
            </div>


            <div class="m1-container">
                <div class="server">
                    <div class="title"></div>
                    <div class="left">
                        <div class="text">品类全覆盖，应有尽有</div>
                        <ul class="classified">
                            <li class="hou ">
                                <div class="s1"></div>
                                <div class="txt">
                                    <div class="up">美食 Delicacy</div>
                                    <div class="down">大牌优惠</div>

                                </div>
                            </li>
                            <li class="hou">
                                <div class="s1"></div>
                                <div class="txt">
                                    <div class="up">甜点饮品 Desserts&Drinks</div>
                                    <div class="down">大牌优惠</div>
                                </div>
                            </li>
                            <li class="hou">
                                <div class="s1"></div>
                                <div class="txt">
                                    <div class="up">水果生鲜 Fresh foods</div>
                                    <div class="down">大牌优惠</div>
                                </div>
                            </li>
                            <li class="hou">
                                <div class="s1"></div>
                                <div class="txt">
                                    <div class="up">超市便利 Supermarket</div>
                                    <div class="down">大牌优惠</div>
                                </div>
                            </li>

                        </ul>
                    </div>
                    <div class="right" id="iphone-part">
                        <div class="pic imgactive"><img src="/images/sxgs.png" alt=""></div>
                        <div class="pic"><img src="/images/imagessxgs.png" alt=""></div>
                        <div class="pic"><img src="/images/sxgs.png" alt=""></div>
                        <div class="pic"><img src="/images/imagessxgs.png" alt=""></div>

                    </div>
                </div>

            </div>
            <div class="m2-container">
                <div class="team">
                    <div class="m2-title"></div>
                    <div class="story-container">
                        <div class="background"></div>
                        <div class="sliser">
                            <!-- 轮播图 -->
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="/images/gg.png" alt=""></div>
                                    <div class="swiper-slide"><img src="/images/l1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="/images/l2.png" alt=""></div>
                                </div>
                                <!-- 如果需要导航按钮 -->
                                <div class="swiper-button-prev zb"></div>
                                <div class="swiper-button-next yb"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="m3-container">
                <div class="news">
                    <div class="m3-title"></div>
                    <div class="news-content">
                        <div class="news-background"></div>
                        <div class="news-left">
                            <!-- 轮播图 -->
                            <div class="swiper2-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="/images/newss1.png" alt="" class="lb2"></div>
                                    <div class="swiper-slide"><img src="/images/newss2.png" alt="" class="lb2"></div>
                                    <div class="swiper-slide"><img src="/images/newss3.png" alt="" class="lb2"></div>
                                    <div class="swiper-slide"><img src="/images/newss4.png" alt="" class="lb2"></div>
                                    <div class="swiper-slide"><img src="/images/newss5.png" alt="" class="lb2"></div>
                                    <div class="swiper-slide"><img src="/images/newss6.png" alt="" class="lb2"></div>
                                </div>
                                <!-- 如果需要导航按钮 -->
                                <!-- <div class="swiper-button-prev zb"></div>
                                <div class="swiper-button-next yb"></div> -->
                            </div>

                        </div>
                        <div class="new-right">
                            <div class="news-title">2019年度媒体报道</div>
                            <ul>
                                <li><span class="icon1"></span>
                                    <a href="">保障骑手安心无忧送餐路 美团外卖首发《骑手生活安全指南》</a>
                                </li>
                                <li><span class="icon2"></span>
                                    <a href="">MINISO名创优品正式入驻美团闪购 时尚单品30分钟送达</a>
                                </li>
                                <li><span class="icon3"></span>
                                    <a href="">专业食品安全检测团队进驻美团点评 从此舌尖安全有他们守护</a>
                                </li>
                                <li><span class="icon4"></span>
                                    <a href="">Trustdata发布2018上半年外卖份额数据 美团饿了么百度“631”格局三分天下</a>
                                </li>
                                <li><span class="icon5"></span>
                                    <a href="">美团上线闪购业务 以“快”破局助力零售升级</a>
                                </li>
                                <li><span class="icon5"></span>
                                    <a href="">美团城市新青年 外卖骑手正能量图鉴</a>
                                </li>
                            </ul>
                            <div class="all">全部报道</div>
                        </div>

                    </div>
                </div>
            </div>
    </div>
    </main>
    <footer>

    </footer>
    </div>
    <script src="/libs/require/require.min.js" data-main="/js/index.js"></script>

</body>

</html>